.priorityLabelsContainer {
    display: flex;
    align-items: center;
    padding: 14px 16px 0;
    gap: 6px;

    &:hover {
        .priorityLabelsClose {
            visibility: visible;
        }
    }

    .priorityLabelsAcknowledgements {
        display: flex;
        align-items: center;
        color: var(--online-indicator);
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
    }

    .priorityLabelsClose {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -1px;
        color: rgb(var(--center-channel-color));
        font-size: 17px;
        opacity: 0.73;
        visibility: hidden;
    }

    span.icon {
        font-size: 14px;

        &.icon-bell-ring-outline {
            color: var(--dnd-indicator);
        }

        &.icon-check-circle-outline {
            color: var(--online-indicator);

            &.hasError {
                color: var(--dnd-indicator);
            }
        }
    }

    .priorityLabelsError {
        color: var(--dnd-indicator);
        font-size: 11px;
        font-weight: 600;
    }
}
